import React, { Fragment } from 'react';
import { Card, Content, Search } from 'react-fule-ui';
import './index.scss';
export default function FuleSearch() {
  const funOnChange = (data) => {
    console.log(data);
  };
  return (
    <Fragment>
      <Content>
        <Content.Header>搜索</Content.Header>
        <Content.Body>
          <Card>
            <Card.Header>基础用法</Card.Header>
            <Card.Body>
              <div className="dome-dearch">
                <Search
                  size="m"
                  value="12312312"
                  onChange={funOnChange}
                  onClear={() => console.log('清除成功')}
                />
              </div>
              <div className="dome-dearch">
                <Search size="xl" />
              </div>
              <div className="dome-dearch">
                <Search size="full" />
              </div>
              <div className="dome-dearch">
                <Search size="full" />
              </div>
            </Card.Body>
          </Card>
        </Content.Body>
      </Content>
    </Fragment>
  );
}
